<template>
	<div id="bg">
		<img id="StartLogo" src="../../assets/img/index/StartLogo.gif" >
	</div>
</template>

<script>
	export default {
		created(){
			setTimeout(()=>{
				this.$router.replace('/Join/Intro')
			},2500)
		}
	}
	

</script>

<style scoped="scoped">
	#StartLogo{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		max-width: 100%;
		max-height: 100%;
		opacity:0.85;
		animation:fadeIn 2s , StartLogoOut 1s 1.5s;
		animation-fill-mode: forwards;
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	@keyframes StartLogoOut{
		from{}
		to{opacity: 0;display: none;z-index: -10;}
	}
</style>
